<meta charset="utf-8"/>
<h1>Contato</h1>
<form action="#contato" method="post" id="ctt">
    <fieldset class="grid_6">
        <legend>Entre em contato:</legend>
        <label for="">Nome:<input type="text" id="name"/></label>
        <label for="">E-Mail<input type="email" id="mail"/></label>
        <label for="">Mensagem:<textarea name="" id="corpo" cols="30" rows="10"></textarea></label>
        <button type="reset">Limpar</button><button type="submit">Enviar</button>
        <output id="resultado">

        </output>
    </fieldset>
</form>
<script type="text/javascript">
    $("ctt").onsubmit = function(){
        var ajax = new XMLHttpRequest();
        var nome = $("name").value;
        var mail = $("mail").value;
        var corpo = $("corpo").value;
        ajax.open("POST","email",false);
        ajax.onreadystatechange = function(){
            if(ajax.readyState==4 && ajax.status==200)
            {
                $("resultado").innerHTML = ajax.responseText;
            }
        }
        if(nome.length>3 && mail.test(".*@[a-z]+\.[a-z]+(\.[a-z]+)?") && corpo.length>3)
            ajax.send("nome="+nome+"&mail="+mail+"&corpo="+corpo);
        else
            alert("Preencha os dados corretamente");
        return false;
    }
</script>
<aside class="grid_5">
    <p>Vocês podem encontrar a equipe do <strong>Projeto Fraguto</strong>
    nas redes sociais e nos seguintes índices de contato:</p>
    <dl>
        <dt>Twitter:</dt>
        <dd><a href="http://twitter.com/projetofraguto">@projetofraguto</a></dd>
        <dt>Site:</dt>
        <dd><a href="http://fraguto.com.br">Projeto Fraguto</a></dd>
        <dt>E visite a Globalcode:</dt>
        <dd><a href="http://www.globalcode.com.br">Globalcode</a></dd>
    </dl>
</aside>
